.MetabotLogo {
  --metabot-face: var(--mb-color-brand);
  --metabot-face-bg: var(--mb-color-brand-lighter);
  --metabot-buttons-bg: var(--mb-color-brand-light);
  --metabot-outline: var(--mb-color-brand);
  --metabot-body: var(--mb-color-brand-light);
  --metabot-frames: var(--metabot-face);

  [data-mantine-color-scheme="dark"] & {
    --metabot-face: var(--mb-color-bg-light);
    --metabot-face-bg: var(--mb-color-brand);
    --metabot-buttons-bg: var(--mb-color-brand-light);
    --metabot-frames: var(--mb-color-bg-white);
  }
}
